<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.4.1/jquery-3.4.1.js"></script>
    <link rel="stylesheet" href="catManage.css">
    <script src="catManage.js"></script>
</head>
<body>
    <!-- <img src="images/undefined" alt=""> -->
    <div di="container">
      <table id="table">
        <tr>
          <td colspan="8" id="idSearch">
            <form>
              <label for="">查找猫猫编号：</label>
              <input type="text" id="iptSearch">
              <button id="btnSearch">搜索</button>
            </form>
            
          </td>
          <td>
            <button id="btnAdd"><a href="#form">新增</a></button>
            
          </td>
        
        </tr>
        <tr>
          <a href="#" id="top"></a>
            <th>编号</th>
            <th>品种</th>
            <th>年龄</th>
            <th>丢失时间</th>
            <th>丢失地点</th>
            <th>猫猫图片</th>
            <th>联系人电话</th>
            <th>特征描述</th>
            <th>操作</th>
        </tr>
        <tbody id="Cat-tbody">

        </tbody>
      </table>
      
        <div id="form-div">
          <form enctype="multipart/form-data">
            <div id="div-top"></div>
            <table id="form-table">
              <tr>
                <td colspan="2">
                  
                  <span>走丢的猫猫信息</span>
                </td>
                
              </tr>
              <tr>
                <td>
                  <label for="">编号：</label>
                </td>
                <td>
                  <input type="text" id="iptCatId">
                </td>
              </tr>
              <tr>
                <td>
                  <label for="">品种：</label>
                </td>
                <td>
                  <input type="text" id="iptCatBreed">
                </td>
              </tr>
              <tr>
                <td>
                  <label for="">年龄：</label>
                </td>
                <td>
                  <input type="text" id="iptAge">
                </td>
              </tr>
              <tr>
                <td>
                  <label for="">丢失时间：</label>
                </td>
                <td>
                  <input type="text" id="iptDate">
                </td>
              </tr>
              <tr>
                <td>
                  <label for="">丢失地点：</label>
                </td>
                <td>
                  <input type="text" id="iptSite">
                </td>
              </tr>
              
              <tr>
                <td>
                  <label for="">猫猫图片：</label>
                </td>
                <td>
                  <input type="file" id="iptPicture">
                </td>
              </tr>
              <tr>
                <td>
                  <label for="">联系电话：</label>
                </td>
                <td>
                  <input type="text" id="iptNumber">
                </td>
              </tr>
              
              <tr>
                <td>
                  <label for="">特征描述：</label>
                </td>
                <td>
                  <input type="text" id="iptDescription">
                </td>
              </tr>
              <tr>
                <td id="tdbt" colspan="2">
                  <button id="btnSave">保存</button>
                  <button id="btnCancel">取消</button>
                </td>
              </tr>
              
            </table>
            <div id="div-buttom"></div>
            <a href="#" id="form"></a>
            
          </form>
          <div id="div-tap">
            <button id="btnBack">
              <a href="#top">返回</a>
            </button></div>
        </div>
        
    </div>
    <script>
//       $('form').on('submit',function(e){
//   e.preventDefault();
// });
    </script>
</body>
</html>